<!DOCTYPE html>
<html class=" js no-touch svg inlinesvg svgclippaths no-ie8compat" lang="en" style="" ng-app="HelpConnect"  ><!--<![endif]-->
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta charset="utf-8">
	  <meta name="viewport" content="width=device-width">
	  <title>HelpConnect - Made by Humans</title>
	  <link rel="stylesheet" href="hc.css">
	  	<link rel="stylesheet" href="extra-style.css">
	  <script src="js/custom.modernizr.js"></script>
	  <script src="js/angular.min.js"></script>
	  <script src="js/jquery-1.7.1.min.js"></script>
	  <script src="js/angular-ui.min.js"></script>
	  <script src="js/controllers.js"></script>

		<meta class="foundation-mq-small"><meta class="foundation-mq-medium"><meta class="foundation-mq-large"><style></style>
	</head>
	<body ng-controller="HelpConnect">
		<div id="curtain" class="ng-cloak" ng-cloak ui-if="curtain">
			<div id="modals">
				<div class="form">Form 1</div>
				<div class="form">Form 2</div>
			</div>
		</div>
		<nav>
			<div class="brand"><a href="/lab/helpconnect/index.php">Brand</a></div>
			<div class="it"><a href="/lab/helpconnect/donate-checklist.php">Donate</a></div>
			<div class="it"><a href="/lab/helpconnect/offer-checklist.php">Offer</a></div>
			<div class="it"><a href="./index.html">Link 1</a></div>
			<div class="it"><a href="./index.html">Link 1</a></div>
		</nav>
		<h6 class="quarter"></h6>
		<article>
			<header>
				<h1>
					Hi <span ng-bind="currentUser.name"></span>! Here's how you can help.
				</h1>
				<p>
					Placeholder Text:
				</p>
				<p>
					<div id="debug-box">
						<span> Debug mode active. </span>
						<input type="text" ng-model="query"></input>
						<a ng-click="addContent()">[Add Content]</a>
						<a ng-click="curtain = !curtain">[Toggle curtain]</a>
					</div>
				</p>
			</header>
			<table>
			  <thead>
			    <tr>
		    	<th width="20">D/O</th>
		    	<th width="250">Name</th>
			    <th width="250">Location</th>
			    <th width="250">Contact</th>
			    <th width="600">What they're offering</th>
			    <th width="100">Flag</th>
			    <th width="100">Delete</th>
			    </tr>
			  </thead>
			  <tbody>
				  <tr ng-repeat="item in entries | filter:query">
				  	<td class="offer" ng-switch="item.offer">
					  	<span ng-switch-when="true">D</span>
					  	<span ng-switch-when="false">O</span>
				  	</td>
				  	<td class="name">{{item.name}}</td>
				  	<td class="location">{{item.location}}</td>
				  	<td class="contact">{{item.contact}}</td>
				  	<td class="details">{{item.details}}</td>
				  	<td class="flag">
				  		<a ng-click="flagEntry(item)">Flag</a>
				  	</td>
				  	<td class="delete">
				  		<a ng-click="deleteEntry(item)">Delete</a>
				  	</td>
				  </tr>
			  </tbody>
			</table>
			<h6 class="half"></h6>
		</article>
		<h6 class="quarter"></h6>
		<div>
			<article>
				<header>© 2013 Made By Humans.<br><br>
				</header>
			</article>
		</div>

	  <script>
	  document.write('<script src=' +
	  ('__proto__' in {} ? 'javascripts/vendor/zepto' : 'javascripts/vendor/jquery') +
	  '.js><\/script>')
	  </script>

	  <script src="js/zepto.js"></script>
	  <script src="js/foundation.js"></script>
		<script src="js/foundation.abide.js"></script>
		<script src="js/foundation.alerts.js"></script>
		<script src="js/foundation.clearing.js"></script>
		<script src="js/foundation.cookie.js"></script>
		<script src="js/foundation.dropdown.js"></script>
		<script src="js/foundation.forms.js"></script>
		<script src="js/foundation.interchange.js"></script>
		<script src="js/foundation.joyride.js"></script>
		<script src="js/foundation.magellan.js"></script>
		<script src="js/foundation.orbit.js"></script>
		<script src="js/foundation.placeholder.js"></script>
		<script src="js/foundation.reveal.js"></script>
		<script src="js/foundation.section.js"></script>
		<script src="js/foundation.tooltips.js"></script>
		<script src="js/foundation.topbar.js"></script>
	  
	  <script>
	    $(document).foundation();
	  </script>

		</body>
</html>